/* ###################### drink Banner Section Styling ########################## */

.drink-banner-section {
    height: 90vh;
    padding-top: 8rem;
    background-image: url('/images/img6.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: animate 60s infinite ease-in-out forwards alternate-reverse;
}

.drink-banner-section .drink-banner-items .drink-banner-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    background: rgba(0, 0, 0, 0.571);
}

@keyframes animate{
    0%{
        background-image: url(/images/drink-img2.jpg);
    }
    25%{
        background-image: url(/images/drink-img3.jpg);
    }
    50%{
        background-image: url(/images/drink-img4.jpg);
    }
    75%{
        background-image: url(/images/drink-img5.jpg);
    }
    100%{
        background-image: url(/images/drink-img1.jpg);
    }
}

.drink-banner-section .drink-banner-items{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 1.6rem;
    color: white;
}

.drink-banner-section .drink-banner-items .drink-banner-heading{
    text-align: center;
    z-index: 1;
}

.drink-banner-section .drink-banner-items .drink-banner-heading .main-heading{
    font-size: 6rem;
    text-transform: uppercase;
    letter-spacing: -3px;
    text-shadow: 4px 3px 8px black;
}

.drink-banner-section .drink-banner-items .drink-banner-heading .slogan{
    text-align: right;
    font-size: 2rem;
    font-family: 'Pacifico', cursive;
}

/* ###################### signature-cocktails Section Styling ########################## */

.signature-cocktails .container .foods{
    padding: 0 3rem;
}

.signature-cocktails .drink-container-overlay{
    flex-wrap: wrap;
}

.signature-cocktails .container .drink-img1{
    background-image: url('/images/final-signature-cocktails1.jpg');
}

.signature-cocktails .container .drink-img2{
    background-image: url('/images/final-signature-cocktails2.jpg');
}

.signature-cocktails .container .drink-name{
    margin: 2rem 0;
    width: 58%;
}


/* ###################### classic-cocktails Section Styling ########################## */

.classic-cocktails .container .foods{
    padding: 0 3rem;
}

.classic-cocktails .drink-container-overlay{
    flex-wrap: wrap;
}

.classic-cocktails .container .drink-img1{
    background-image: url('/images/final-classic-cocktails1.jpg');
}

.classic-cocktails .container .drink-img2{
    background-image: url('/images/final-classic-cocktails2.jpg');
}

.classic-cocktails .container .drink-name{
    margin: 2rem 0;
    width: 58%;
}



/* ###################### shooters Section Styling ########################## */

.shooters .container .drink-img{
    background-image: url('/images/final-shooters.jpg');
}



/* ###################### mocktail Section Styling ########################## */

.mocktail .container .drink-img{
    background-image: url('/images/final-mocktail.jpg');
}



/* ###################### single-malt Section Styling ########################## */

.single-malt .container .drink-img{
    background-image: url('/images/final-single-malt.jpg');
}



/* ###################### whiskey Section Styling ########################## */

.whiskey .container .foods{
    padding: 0 3rem;
}

.whiskey .drink-container-overlay{
    flex-wrap: wrap;
}

.whiskey .container .drink-img1{
    background-image: url('/images/final-whiskey.jpg');
}

.whiskey .container .drink-img2{
    background-image: url('/images/final-whiskey2.jpg');
}

.whiskey .container .drink-name{
    margin: 2rem 0;
    width: 58%;
}


/* ###################### vodka Section Styling ########################## */

.vodka .container .drink-img{
    background-image: url('/images/final-vodka.jpg');
}



/* ###################### tequila Section Styling ########################## */

.tequila .container .drink-img{
    background-image: url('/images/final-tequila.jpg');
}



/* ###################### beer Section Styling ########################## */

.beer .container .drink-img{
    background-image: url('/images/final-beer.jpg');
}



/* ###################### draught Section Styling ########################## */

.draught .container .drink-img{
    background-image: url('/images/final-draught.jpg');
}


/* ###################### white-wine Section Styling ########################## */

.white-wine .container .drink-img{
    background-image: url('/images/final-white-wine.jpg');
}


/* ###################### red-wine Section Styling ########################## */

.red-wine .container .drink-img{
    background-image: url('/images/final-red-wine.jpg');
}



/* ###################### champagne Section Styling ########################## */

.champagne .container .drink-img{
    background-image: url('/images/final-champagne.jpg');
}



/* ###################### mixers Section Styling ########################## */

.mixers .container .drink-img{
    background-image: url('/images/final-mixers.jpg');
}